scroll-view {
  float: left;

}

.active {
  border-left: 10rpx solid var(--color);
  color: var(--color);
}

page {
  height: 100%;
}

.left {
  width: 200rpx;
  height: calc(100vh - 90rpx);

  view {
    // border-left: 1px solid red;
    padding: 20rpx 0;
    text-align: center;
    border-bottom: 1px solid #eee;
  }
}

.right {
  width: calc(100% - 200rpx);
  height: calc(100vh - 90rpx);

  .title {
    width: 100%;
    text-align: center;
    font-size: 40rpx;
    padding: 50rpx 0;
  }

  .content {
    width: 100%;
    overflow: hidden;

    navigator {
      text-align: center;
      width: calc(100% / 3);
      float: left;

      image {
        width: 70%;
      }

      view {
        font-size: 28rpx;
        padding: 20rpx 0;
      }
    }
  }
}